<template>
  <HeaderView />
  <div id="map">
    <MapCard />
    <LayerDirectory />
    <router-view />
  </div>
</template>

<script setup>
import HeaderView from '../components/HeaderView.vue';
import MapCard from '../components/MapCard.vue';
import LayerDirectory from '../components/LayerDirectory.vue';
</script>

<style lang="scss" scoped>
#map {
  position: absolute;
  width: 100%;
  height: 94%;
}
</style>
